<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>支付提示</title>
    <link rel="stylesheet" href="__PUBLIC__/aimg/css/tCode.css">
    <style>
        @font-face {
            font-family: 'dist';
            src: url(data:application/font-woff;base64,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) format('woff');
            font-weight: 500;
            font-style: normal;
        }
        .redBag2{left: 0;top: 0;right: 0;bottom: 0;position: fixed;user-select: none; z-index: 99; background: rgba(0, 0, 0, 0.6)}
        .redBag2 .box{ position: absolute; left: 50%; width: 300px; margin-left: -150px; top: 50%; background: #fff; overflow: hidden; border-radius: 12px; transform: translateY(-50%);}
        .redBag2 .box::before{ content: ""; display: block; width: 300%; padding-bottom: 200%; background: #f35543; border-radius: 50%; position: absolute; bottom: 40%; left: 50%; transform: translate(-50%,0);}
        .redBag2 .num{ font-family: dist; font-size: 46px; margin-top: 10px;}
        .redBag2 .infos{ position: relative; z-index: 1; padding-top: 10%; padding-bottom:70%; text-align: center; color: #ffe2b1;}
        .redBag2 .infos p{ margin-top: 10px; font-size: 14px;}
        .redBag2 .head {display:flex;padding:10px 15%;align-items:center; justify-content: center;}
        .redBag2 .avatar {width:28px;height:28px;object-fit:cover;border-radius:4px;margin:0px;margin-right:10px;}
        .redBag2 .hInfo {overflow:hidden; text-align: left;font-size:14px; }
        .redBag2 .btnBox{ position: absolute; text-align: center; left: 20%; bottom: 15%; right: 20%;z-index: 99;}
        .redBag2 .btnBox a{ border: 1px solid; color: #f35543; border-radius: 4px; display: inline-block; padding: 6px 25px;}
        .close{ width: 46px; height: 46px; -webkit-transform: scale(0.6);transform: scale(0.6); position: absolute; top: 0; right: 0; border-radius: 50%;}
        .close:after,.close:before{ content: ""; display: block; width: 3px; height:26px; background: rgba(0, 0, 0, 0.5); border-radius: 3px; position: absolute; left: 50%; top: 50%; -webkit-transform-origin: center center;transform-origin: center center;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);}
        .close:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);translate(-50%,-50%) rotate(45deg);}


        .pageFreeList{background-color:#f8f8f8;}
        .freeItem{display:flex;align-items:center;margin:2px 15px;padding:5px 12px;color:#333;background-color:#fff;font-size:12px}
        .index{width:18px;height:18px;border-radius:50%;text-align:center;line-height:18px;color:#fff;background-color:rgba(254,165,18,.8);margin-right:10px}
        .freeItem .lineText{max-width:260px}
        .time{margin-left:auto;color:#999}
        .f14{font-size:14px}
        .f12{font-size:12px}
        .f17{font-size:16px;font-weight:600}
        .red{color:#f66}
    </style>
</head>

<body>
<div class="payCopyRight">
    <div class="comtip">此功能由{#$Think.config.APP_VERSION_NAME}提供技术支持</div>
    <div class="pageTip">
        <div class="iconfont icon-success_fill" style="font-size: 88px"></div>
        <div class="txt">
            <p>支付成功</p>
<!--            <button class="btn-link" style="width: 160px;" onclick="go_home_action()">查看排队详情</button>-->
        </div>
    </div>
</div>

<div class="freeItem" style="margin-top: 30px;">
    <div class="lineTexst f14">
        <span>支付单号：</span>
        <span class="f14">{#$info['order_sn']}</span>
    </div>
</div>
<div class="freeItem">
    <div class="lineTexst f14">
        <span>支付金额：</span>
        <span class="red f14">{#$info['pay_amount']} 元</span>
    </div>
</div>
<div class="freeItem">
    <div class="lineTexst f14">
        <span>支付时间：</span>
        <span class="f14">{#$info['pay_time']}</span>
    </div>
</div>
<script src="__PUBLIC__/js/jquery.min.js"></script>
</body>
</html>